<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--Este es un comentario y no sera tomado en cuenta por el navegador -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Mostrar Salas</title>
</h:head>
<h:body>
	<p:breadCrumb>
		<p:menuitem value="Pagina home" url="vistaUsuarioNormal.jsf" />
		<p:menuitem value="Ver Salas Disponibles" url="mostrarSalasNormal.jsf" />
		<p:menuitem value="Ver mis Reservas" url="mostrarReservasNormal.jsf" />

	</p:breadCrumb>

	<p:growl id="mensajes" showDetail="true" sticky="true" life="2000" />
	<h:form>


		<p:dataTable var="sala" value="#{manBeanSala.mostrarTodos()}">

			<p:column headerText="Id sala">
				<h:outputText value="#{sala.id}" />
			</p:column>

			<p:column headerText="Ubicacion">
				<h:outputText value="#{sala.ubicacion}" />

			</p:column>

			<p:column headerText="Nombre">
				<h:outputText value="#{sala.nombre}" />

			</p:column>


			<p:column headerText="Capacidad">
				<h:outputText value="#{sala.capacidad} personas" />
			</p:column>

			<p:column headerText="Proyector">
				<h:outputText value="#{sala.proyector}" />
			</p:column>

			<p:column headerText="Television">
				<h:outputText value="#{sala.tv}" />
			</p:column>

			<p:column headerText="Estado">
				<h:outputText value="#{sala.estado}" />
			</p:column>

			<p:column headerText="Reservar">
				<p:commandButton value="Reservar" type="submit"
					actionListener="#{manBeanSala.mostrarSalaParaReserva(sala)}"
					ajax="false" update=":mensajes" />

			</p:column>
		</p:dataTable>
	</h:form>




	<h:form id="formReservar">
		<p:dialog header="Datos del usuario" widgetVar="dialogoReservarSala"
			modal="true">

			<h:panelGrid id="reservarSala">

				<h:outputLabel for="txtIdSala" value="Id de la sala:" />
				<h:outputText id="txtIdSala" label="Id sala" required="true"
					value="#{manBeanSala.sala.id}" />
				<h:message for="txtIdSala" />

				<h:outputLabel for="txtNombreSala" value="Nombre de la sala:" />
				<h:outputText id="txtNombreSala" label="Nombre sala" required="true"
					value="#{manBeanSala.sala.nombre}" />
				<h:message for="txtNombreSala" />

				<h:outputLabel for="txtNombre" value="Nombre de usuario:" />
				<h:inputText id="txtNombre" label="Nombre" required="true"
					value="#{manBean.usuario.nombreUser}" />
				<h:message for="txtNombre" />

				<h:outputLabel for="txtFechaReserva" value="Fecha reserva" />
				<p:calendar id="txtFechaReserva"
					value="#{manBeanReserva.reserva.fechaReserva}">
					<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
				</p:calendar>
				<h:message for="txtFechaReserva" />

				
				<p:outputLabel for="txtHoraInicio" value="Hora inicio:" />
        <p:calendar id="txtHoraInicio" value="#{manBeanReserva.reserva.horaInicio}" pattern="HH:mm" timeOnly="true"  />
				<h:message for="txtHoraInicio" />

				
			<p:outputLabel for="txtHoraTermino" value="Hora termino:" />
        <p:calendar id="txtHoraTermino" value="#{manBeanReserva.reserva.horaTermino}" pattern="HH:mm" timeOnly="true" ></p:calendar>
				<h:message for="txtHoraTermino" />


				<h:commandButton id="btnEnviar" value="Enviar" type="submit"
					action="#{manBeanReserva.crearReserva(manBeanReserva.reserva)}" />





			</h:panelGrid>

		</p:dialog>

	</h:form>




</h:body>
</html>